<div class="sign-offer">
<!--   <ng-container>
      <ion-header class="commonHeader">
          <ion-toolbar>
              <ion-buttons slot="start">
                  <ion-button appDebounceClick (debounceClick)="cancel()">
                      <img class="header-icon-img" src="assets/img/back_left.png" alt="back">
                  </ion-button>
              </ion-buttons>
              <ion-title class="commonTitleText">{{tagDatas.title}}</ion-title>
          </ion-toolbar>
      </ion-header>
  </ng-container> -->
<form (ngSubmit)="offersubmit()" >
  <div class="tranfer-time">
      <div class="slide-box">
          <div *ngFor="let item of this.tagDatas.cycle"
              [ngClass]="item.isCheck=='true'?'slide-item':'slide-itemtwo'" appDebounceClick (debounceClick)="choosetimelimit(item)">
              {{item.name}}</div>
      </div>
      <div>
          <List>
              <!-- 服务天数部分 -->
              <ng-container *ngIf="ifserveday">
                  <ion-item class="post-item" lines="inset">
                      <ion-label>{{tagDatas.cycleForm.label}}</ion-label>
                      <ion-input type="number" [(ngModel)]="tagDatas.cycleForm.rules[0].value"
                          [maxlength]="tagDatas.cycleForm.max"
                          [attr.placeholder]="tagDatas.cycleForm.placeHolder"
                          name="tagDatas.cycleForm.placeHolder" ></ion-input>
                      <span class="jointEnd">{{tagDatas.cycleForm.endLabel}}</span>
                  </ion-item>
              </ng-container>
              <!-- 是否选择广告位 -->
              <ng-container>
                  <ion-item class="post-item">
                      <ion-label>{{tagDatas.advertisement.switchButton.label}}</ion-label>
                    <!--   <input type="checkbox" class="hidden-toggle" id="ifadvertis" [(ngModel)]="ifadvertis" name="ifadvertis"> -->
                      <label class="segment-block" appDebounceClick (debounceClick)="ifadvertisclick()">
                          <span class="border-left"
                              [ngClass]="{'nochecked':!ifadvertis,'checked':ifadvertis}">是</span>
                          <span class="border-right"
                              [ngClass]="{'checked':!ifadvertis, 'nochecked':ifadvertis}">否</span>
                      </label>
                  </ion-item>
              </ng-container>
              <!-- 广告位置 -->
              <ng-container *ngIf="ifadvertis">
                  <div class="advertisement-all" id="advertisement-all">
                      <div class="advertisement-left">
                          <ListItem className="text-picker" class="dropDownBox" Picker [extra]="tagDatas.advertisement.placeHolder"
                              [cascade]="true" [arrow]="'horizontal'" [data]="advertisementlist"
                              [ngModel]="tagDatas.advertisement.formKey" (ngModelChange)="onOk2($event,1)" name="tagDatas.advertisement.formKey">
                          </ListItem>
                      </div>
                      <div class="advertisement-center"></div>
                      <div class="advertisement-right">
                          <ListItem class="dropDownBox" Picker [extra]="tagDatas.advertisement.subPlaceHolder"
                              [cascade]="true" [arrow]="'horizontal'" [data]="advertisementlist3"
                              [ngModel]="tagDatas.advertisement.value" (ngModelChange)="onOk2($event,2)"
                              [disabled]="ifpicker" name="tagDatas.advertisement.value">
                          </ListItem>
                      </div>
                  </div>
              </ng-container>
              <!-- 广告天数 -->
              <ng-container *ngIf="ifadvertis">
                  <ion-item class="post-item" lines="inset">
                      <ion-label>{{tagDatas.advertisement.textInputWithEndLabel.label}}</ion-label>
                      <ion-input type="number" [(ngModel)]="tagDatas.advertisement.textInputWithEndLabel.rules[0].value"
                          [maxlength]="tagDatas.advertisement.textInputWithEndLabel.max"
                          [attr.placeholder]="tagDatas.advertisement.textInputWithEndLabel.placeHolder"
                           name="tagDatas.advertisement.textInputWithEndLabel.placeHolder"
                           >
                      </ion-input>
                      <span class="jointEnd">{{tagDatas.advertisement.textInputWithEndLabel.endLabel}}</span>
                  </ion-item>
              </ng-container>
              <!-- 标准价格部分 -->
              <ng-container>
                  <div class="standard-offer-all">
                      <div class="standard-offer">
                          <div>{{tagDatas.price.value}}</div><i>元</i>
                      </div>
                      <div class="standard-offer-text">{{tagDatas.price.label}}</div>
                      <div><div class="refresh-button" appDebounceClick (debounceClick)="offerrefresh()">{{tagDatas.price.button.label}}</div></div>
                  </div>
              </ng-container>
              <!-- 优惠价格部分 -->
              <ng-container>
                <ion-item class="post-item" lines="inset">
                    <ion-label>{{tagDatas.textInputWithEndLabel.label}}</ion-label>
                    <ion-input type="number" [(ngModel)]="tagDatas.textInputWithEndLabel.rules[0].value"
                        [maxlength]="tagDatas.textInputWithEndLabel.max"
                        [attr.placeholder]="tagDatas.textInputWithEndLabel.placeHolder"
                        name="tagDatas.textInputWithEndLabel.placeHolder">
                    </ion-input>
                    <span class="jointEnd">{{tagDatas.textInputWithEndLabel.endLabel}}</span>
                </ion-item>
            </ng-container>
              <!-- 是否需要预付部分 -->
              <ng-container>
                  <ion-item class="post-item">
                      <ion-label>{{tagDatas.PrepayPrice.switchButton.label}}</ion-label>
                     <!--  <input type="checkbox" class="hidden-toggle" id="ifprepay" [(ngModel)]="ifprepay" name="text"> -->
                      <label class="segment-block" appDebounceClick (debounceClick)="ifprepayclick()">
                          <span class="border-left"
                              [ngClass]="{'nochecked':!ifprepay,'checked':ifprepay}">是</span>
                          <span class="border-right"
                              [ngClass]="{'checked':!ifprepay, 'nochecked':ifprepay}">否</span>
                      </label>
                  </ion-item>
              </ng-container>
              <ng-container *ngIf="ifprepay">
                  <ion-item class="post-item" lines="inset">
                      <ion-label>{{tagDatas.PrepayPrice.textInputWithEndLabel.label}}</ion-label>
                      <ion-input type="number" [(ngModel)]="tagDatas.PrepayPrice.textInputWithEndLabel.rules[0].value"
                          [maxlength]="tagDatas.PrepayPrice.textInputWithEndLabel.max"
                          [attr.placeholder]="tagDatas.PrepayPrice.textInputWithEndLabel.placeHolder" name="text"></ion-input>
                      <span class="jointEnd">{{tagDatas.PrepayPrice.textInputWithEndLabel.endLabel}}</span>
                  </ion-item>
              </ng-container>
          </List>
          <div class="submit-all">
              <button [disabled]="Status">{{tagDatas.button.label}}</button>
              <p>报价后，商户会收到你的签约消息</p>
              <a appDebounceClick (debounceClick)="previewcontract()">{{tagDatas.link.label}}</a>
          </div>
      </div>
  </div>
</form>
</div>